.mnemonic {
	padding-top: 50upx;
	text-align: center;
	.iconluobu {
		font-size: 80upx;
		color: #f4544d;
		margin-bottom: 30upx;
	}
	&-title {
		font-size: 40upx;
		font-weight: 600;
		margin-bottom: 80upx;
	}
	&-pwd {
		border-radius: 10upx;
		overflow: hidden;
		margin-bottom: 30upx;
	}
	&-content {
		margin-bottom: 40upx;
		color: #9b9b9b;
		text-align: left;
	}
	&-code {
		display: flex;
		flex-wrap: wrap;
		padding: 30upx;
		min-height: 100upx;
		border-radius: 10upx;
		background-color: #e2e6ef;
		&.creation { padding: 30upx 30upx 10upx 30upx; }
		&-item {
			height: 40upx;
			margin-bottom: 20upx;
			margin-right: 20upx;
			padding: 2upx 20upx;
			border-radius: 10upx;
			line-height: 40upx;
			color: #666;
			border: 1upx solid #b8bfce;
			&.creation-item { margin-right: 0; border: 0}
		}
	}
	&-codeItem {
		display: flex;
		flex-wrap: wrap;
		margin-top: 40upx;
		.item {
			line-height: 1;
			color: #fff;
			margin-right: 20upx;
			margin-bottom: 20upx;
			padding: 10upx 20upx;
			background-color: #b8bfce;
			border-radius: 10upx;
		}
	}
	.reset {
		margin-top: 20upx;
		color: #f4544d;
	}
	&-btn {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9;
		height: 90upx;
		line-height: 90upx;
		text-align: center;
		font-size: 36upx;
		color: #fff;
		background-color: #e6e6e6;
		&.active {
			background-color: #f4544d;
		}
	}
}
